/* You can add global styles to this file, and also import other style files */

.loadding {
  -webkit-animation: ld-spin-fast 1s infinite;
  animation: ld-spin-fast 1s infinite;
  background-image: url(./assets/images/loadding.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  transform-origin: center;
  display: inline-block;
}
@keyframes ld-spin-fast {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    // animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
    // animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(2160deg);
    transform: rotate(2160deg);
  }
}
@-webkit-keyframes ld-spin-fast {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    // animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
    // animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(2160deg);
    transform: rotate(2160deg);
  }
}
